#include("./layout.html")
#@layout()

#define css()
<link rel="stylesheet" href="./plugin-menuTag/plugin-menuTag.css" />
#end

#define content()
<div class="container p-3 mt-3 bgo-3 fb">
    <div class="row">
        <div class="col-md-12">
        	<div class="ml-5">
                <div class="h-1">#(page.title)</div>
                <div><i class="fa fa-eye fa-fw"></i><span class="text-success">#(page.view_count)</span>人浏览</div>
            </div>
            
            <div class="m-auto fitc">
                <div class="fitc h-1">
                    菜单
                </div>
                #for(menu : MENUS)
        	    #if(menu.isTop())
                   <div class="fitc">
        			   <span>#if(!menu.hasChild())<a class="menu-one menu-link" href="#(CPATH)#(menu.url)">#(menu.text)</a>  #else <span class="shadow-blink menu-one">#(menu.text)</span> #end</span>
        					#for(child: menu.childs)
        					<div class="p-2 fitc">
        						 <span class="p-2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#if(!child.hasChild())<a class="menu-link" href="#(CPATH)#(child.url)">#(child.text)</a> #else <span class="shadow-blink menu-two">#(child.text)</span> #end</span>
        						     #for(child2: child.childs)
        						     <div class="p-2">
        						         <span class="p-2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#if(!child2.hasChild())<a class="menu-link" href="#(CPATH)#(child2.url)">#(child2.text)</a> #else <span class="shadow-blink menu-three">#(child2.text)</span> #end</span>
        								      #for(child3: child2.childs)
        								      <div class="p-2">
        						                   <span class="p-2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#if(!child3.hasChild())<a class="menu-link" href="#(CPATH)#(child3.url)">#(child3.text)</a> #else <span class="shadow-blink menu-four">#(child3.text)</span> #end</span>
        						                   #for(child4: child3.childs)
	        								      <div class="p-2">
	        						                   <span class="p-2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a class="menu-link" href="#(CPATH)#(child4.url)">#(child4.text)</a></span>
	        					                  </div>
	        					                  #end
        					                  </div>
        					                  #end
                                     </div>
        					         #end
        					</div>
        					#end
                    </div>
        	    #end
        	    #end
        	    
        	    #tags(count = 9999)
        	    <div class="fitc mt-4 h-1">
                    文章标签
                </div>
               <div class="fitc">
            	    <table cellpadding="5" class="fb">
            	    #for(tag: tags)
            	    #if(for.index % 3 == 0)<tr>#end
            	        <td><span><a class=" menu-link" href="#(CPATH)#(tag.url)">#(tag.title)</a> | <span class="slide-blink">共#(tag.count)篇文章</span></span></td>
            	    #if(for.index % 3 == 2)</tr>#end
            	    #if(for.count == for.size && for.index % 3 != 2) </tr> #end
            	    #end
            	    </table>
        	    </div>
        	    #end
        	    
        	    #productTags(count = 9999)
        	    <div class="fitc mt-4 h-1">
                    产品标签
                </div>
               <div class="fitc">
            	    <table cellpadding="5" class="fb">
            	    #for(tag: tags)
            	    #if(for.index % 3 == 0)<tr>#end
            	        <td><span><a class=" menu-link" href="#(CPATH)#(tag.url)">#(tag.title)</a> | <span class="slide-blink">共#(tag.count)篇文章</span></span></td>
            	    #if(for.index % 3 == 2)</tr>#end
            	    #if(for.count == for.size && for.index % 3 != 2) </tr> #end
            	    #end
            	    </table>
        	    </div>
        	    #end
            </div>
        </div>
    </div>
</div>
#end